{% extends "base.html" %}
{% block body %}
{% load i18n %}
<div class="col-md-12"  style="margin-top:50px;"> 	
  <h3>响应式表格布局</h3>
  <div class="table-responsive">
	<table class="table table-bordered table-hover" style="margin-left:2px;background:#fff;">
		<thead>
			<tr>
			    <th>序号</th>
				<th>产品</th>
				<th>价格</th>
				<th>付款日期</th>
				<th>状态</th>
			</tr>
		</thead>
		<tbody>
			<tr>
			    <td>1</td>
				<td>产品1</td>
				<td>100000000</td>
				<td>23/11/2013</td>
				<td>待发货</td>
			</tr>
			<tr>
			    <td>2</td>
				<td>产品2</td>
				<td>100000000</td>
				<td>10/11/2013</td>
				<td>发货中</td>
			</tr>
			<tr>
			    <td>3</td>
				<td>产品3</td>
				<td>100000000</td>
				<td>20/10/2013</td>
				<td>待确认</td>
			</tr>
			<tr>
			     <td>4</td>
				<td>产品4</td>
				<td>100000000</td>
				<td>20/10/2013</td>
				<td>已退货</td>
			</tr>
		</tbody>
	</table>
	
  </div>
</div>

{% endblock %}